import {
  Helper,
  OrbitControls,
  useCubeTexture,
  useHelper,
} from "@react-three/drei";
import { useThree } from "@react-three/fiber";
const backgrounds = [
  "/right.jpg",
  "/left.jpg",
  "/top.jpg",
  "/bottom.jpg",
  "/front.jpg",
  "/back.jpg",
];
export function Scence() {
  let { scene, camera } = useThree();

  const skyBox = useCubeTexture(backgrounds, { path: "/skybox" });
  scene.background = skyBox;
  return (
    <>
      <OrbitControls></OrbitControls>
      <axesHelper scale={80}>
        <directionalLight></directionalLight>
      </axesHelper>
    </>
  );
}
